<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>任务详情</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/projectDetail.css">
</head>

<body>
    <div class="bg">
        <div class="top-navigation">
            <a href="./jxTest.html"><img class="arrow" src="img/arrow.png" alt="图片加载中"></a>
            <h3>任务详情</h3>
            <p style="opacity: 0;"></p>
        </div>
        <div class="top-content">
            <h2>陈坚兴</h2>
            <h3>20191012100000022641</h3>
            <div class="hr">

            </div>
            <div class="score-content">
                <div>
                    <p>排名</p>
                    <p class="hidden-font">1</p>
                </div>
                <div>
                    <p>分数</p>
                    <p>201.69</p>
                </div>
            </div>
        </div>

        <div class="info">
            <h2>考核对象类别</h2>
            <div>业主单位责任人</div>
        </div>
        <div class="info">
            <h2>考核对象类别</h2>
            <div>业主单位责任人</div>
        </div>

        <!-- 进度步骤容器 -->
        <div class="progress-content">
            <div class="progress-item">
                <p>
                    <span></span>
                    <span></span>
                </p>
                <div class="item-flex">
                    <div>
                        <h4>2019-06-03</h4>
                        <p>
                            葛岭卫生院至海洋馆道路提升改造工程3.1"用地预审"业主备件超期,请相关单位及时处理！
                        </p>
                    </div>
                    <div>
                        <h1>60.0</h1>
                        <h4>有效</h4>
                    </div>
                </div>
            </div>
            <div class="progress-item">
                <p>
                    <span></span>
                    <span></span>
                </p>
                <div class="item-flex">
                    <div>
                        <h4>2019-08-03</h4>
                        <p>
                            南城区便民综合市场9.2"初步设计及概算（5000万元以上项目编制 ）"第三方评审（含审查、修改、复核）超期,请相关单位及时处理！
                        </p>
                    </div>
                    <div>
                        <h1>70.0</h1>
                        <h4>有效</h4>
                    </div>
                </div>
            </div>
            <div class="progress-item">
                <p>
                    <span></span>
                    <span></span>
                </p>
                <div class="item-flex">
                    <div>
                        <h4>2019-10-03</h4>
                        <p>
                            南城区便民综合市场9.2"初步设计及概算（5000万元以上项目编制 ）"第三方评审（含审查、修改、复核）超期,请相关单位及时处理！
                        </p>
                    </div>
                    <div>
                        <h1>80.0</h1>
                        <h4>有效</h4>
                    </div>
                </div>
            </div>
        </div>

    </div>




    <script src="js/flexible.js"></script>
    <script src="js/jquery-3.2.1.js"></script>
    <!-- VConsole手机调试 -->
    <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
    <script>
        var vConsole = new VConsole();
    </script>
</body>

</html>